<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title> Insha - Css3 Responsive Sidebar Menu</title>

    <link href="static/css/css2.css" rel="stylesheet">
    <link href='static/css/boxicons.min.css' rel='stylesheet'>
    <link rel="stylesheet" href="static/css/insha-style.css">

</head>
<body>

<div class="main" id="app">
    <div class="sidebar">
        <div class="logo_content">
            <div class="logo">
                <div class="logo_name">
                    <a href="#">
                        <i class='bx bxs-bank'></i>
                        银行业务管理系统
                    </a>
                </div>
            </div>
            <i class='bx bx-menu' id="toggle-menu-btn"></i>
        </div>
        <ul class="nav_list">
            <li>
                <a href="online.html">
                    <i class='bx bx-yen'></i>
                    <span class="links_name">网上银行</span>
                </a>
                <span class="tooltip">网上银行</span>
            </li>
            <li>
                <a href="counter.html">
                    <i class='bx bxs-user-account'></i>
                    <span class="links_name">银行柜面</span>
                </a>
                <span class="tooltip">银行柜面</span>
            </li>
        </ul>
    </div>
    <div class="home_content">
        <div class="text">网上银行</div>
        <div class="rg_layout">
            <div class="rg_left">
                <p>请选择业务类型</p>
                <p>BUSINESS TYPE</p>

            </div>
            <div class="rg_center">
                <div class="rg_form">
                    <button id="button1" @click="but1()">查询流水</button>
                    <br>
                    <button id="button3" @click="but3()">余额查询</button>
                    <button id="button4" @click="but4()">转账</button>
                </div>
            </div>
            <!-- <div class="rg_right">
                <p>使用身份证号+密码方式登录<a href="online copy.html">切换登录方式</a></p>
            </div> -->
        </div>
    </div>
</div>


<script src="static/js/scripts.js"></script>
<script src="static/js/vue.js"></script>
<script src="static/js/axios.min.js"></script>
<script>
    // window.onload = function () {


    //     var searchUrl = window.location.href;
    //     var searchData = searchUrl.split("="); //截取 url中的“=”,获得“=”后面的参数
    //     var searchText = decodeURI(searchData[1]); //decodeURI解码
    //     app.idCard = localStorage.getItem("bankNo")


    // }
    const app = new Vue({
        el: "#app",
        data: {
            idCard: ""
        },
        methods: {

            but1() {
                window.location.href = "transactionflow.html?idCard=" 
            },

            but3() {
                window.location.href = "balance.html?idCard=" 
            },
            but4() {
                window.location.href = "transfer.html?idCard=" 
            }


        }
    })
</script>

</body>
</html>
